import Vue from 'vue'
import App from './App.vue'
import router from './router'

import axios from 'axios'
import VueAxios from 'vue-axios'

//导入flexible.js设置rem的基准值
import 'lib-flexible/flexible'

import { 
  Tabbar, 
  TabbarItem,
  Search,
  Sidebar,
  SidebarItem,
  Toast,
  Tag,
  NavBar,
  Stepper,
  GoodsAction, 
  GoodsActionIcon, 
  GoodsActionButton,
  Form,
  Field,
  Button,
  Popup,
  Checkbox,
  SwipeCell,
  SubmitBar,
  Empty,
  Icon,
  Swipe,
  SwipeItem,
  PullRefresh,
  List,
  Notify,
  ShareSheet,
  Cell,
  CellGroup,
  ActionSheet
} from 'vant';

//注册组件
Vue
  .use(Tabbar)
  .use(TabbarItem)
  .use(Search)
  .use(Sidebar)
  .use(SidebarItem)
  .use(Toast)
  .use(Tag)
  .use(NavBar)
  .use(Stepper)
  .use(GoodsAction)
  .use(GoodsActionIcon)
  .use(GoodsActionButton)
  .use(Form)
  .use(Field)
  .use(Button)
  .use(Popup)
  .use(Checkbox)
  .use(SwipeCell)
  .use(SubmitBar)
  .use(Empty)
  .use(Icon)
  .use(Swipe)
  .use(SwipeItem)
  .use(PullRefresh)
  .use(List)
  .use(Notify)
  .use(ShareSheet)
  .use(CellGroup)
  .use(Cell)
  .use(ActionSheet)


Vue.use(VueAxios, axios)

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
